//- 先去这个pug文件中找
extends ../commons/commons.pug

block append pageStyle
	link(href="${relativePath}/static/css/shopping/shopIndex.css" rel="stylesheet" type="text/css")
	link(href="${relativePath}/static/css/shopping/materFinished.css" rel="stylesheet" type="text/css")
	link(href="${relativePath}/static/css/shopping/myCollect.css" rel="stylesheet" type="text/css")

block content
	//- 成品材料内容
	div.matrialCon.layout
		div.collectTitle
			h3.fl 我的收藏
			div.searchRight.fr
				ul.favList.fl
					li.fl.allChioce 全选
					li.fl.allDelete 删除
				a.allManage.fl(href="javascript:;") 批量管理
				div.searchBox.fl
					input.fl(type="text" placeholder="搜索")
					span.btn.fr

		div.meterialTabBox
			//- 成品材料列表
			div.meterList
				ul
					//- li
					//- 	a(href="javascript:;")
					//- 		img(src="${relativePath}/static/imgs/clList.png")
					//- 	div.btnProduct
					//- 		p
					//- 			| <i class="fl red">14.00</i>
					//- 			| <span class="fr people">2173人付款</span>
					//- 		p
					//- 			| <i class="fl listT">人像展架</i>
					//- 			| <span class="fr sc">收藏</span>

	
	//- 分页
	div.pageBox
		nav.pageNav
			div.paginationOne.page

	//- 成品材料列表模板
	script#finished(type="text/html")
		| {{set collectData = data.collection_list}}
		| {{each collectData arr}}
		li(num="{{arr.goods_id}}")
			a(href="javascript:;")
				img(src="{{arr.img}}")
			div.btnProduct
				p
					<i class="fl red">{{arr.sell_price}}</i>
					<span class="fr people">{{arr.sale}}人付款</span>
				p
					<i class="fl listT">{{arr.name}}</i>
			i.del
			i.yx
			div.collectMask
				p 确认删除此商品？
				div.makeBtn
					a.make.sure(href="javascript:;") 确定
					a.make.delete(href="javascript:;") 取消
		| {{/each}}

block append pageScript

	script.
		$(function(){
			//console.log(token);
			$("#cpcl").addClass("active");
			$("#cpcl").click(function(){
				window.location.href='materFinished.html';
			});
			$("#hyfw1").click(function(){
				window.location.href='industryServiceIndex.html';
			});
			
			$(".left span").click(function(){
				$(this).addClass("current").siblings().removeClass("current");
			})

			/*商品列表点击跳转*/
			$(".meterList").on("click","li img",function(){
				//console.log($(this).closest("li").attr("num"));
				window.location.href="../../view/shopping/madeProcess.html?id="+$(this).closest("li").attr("num");
			})
			//综合列表
			function zhList(pageNum,Name){
				$(".meterList ul").html("");
				$.getJSON(shopIp + '/Collection/collectionList?callback=?', {
					userToken:token,
					os:"web",
					size:10,
					page:pageNum,
					type:1,
					name:Name
				}, function(data) {
					//console.log(data);
					var finished = template("finished",data);
					if(data.data.collection_list == null) {
						$(".meterList ul").html("<img class='imgBig' src='${relativePath}/static/imgs/zw.png' style='margin-bottom:250px;'/>");
						$(".meterList ul").css("text-align","center");
					}else{
						$(".meterList ul").append(finished);
					}
					$(".page").html("").pagination({
						pageCount : data.data.countPage,
						current : pageNum,
						keepShowPN : true,
						count : 2,
						homePage : "1",
						endPage : data.data.countPage,
						coping : true,
						prevContent : "< 上一页",
						nextContent : "下一页 >",
						callback : function(page) {
							zhList(page.getCurrent());
						}
					});
				});
			}
			//- 默认综合显示
			zhList(1);

			//- 点击批量管理
			$(".allManage").click(function() {
				if($(this).html() == "批量管理") {
					$(".favList").show();
					$(this).html("取消管理");
					$(".meterList .yx").show();
					$(".meterList .yx").removeClass("current");
					$(".allChioce").removeClass("active");
				}else{
					$(".favList").hide();
					$(".meterList .yx").hide();
					$(this).html("批量管理");
				}
			})
			if($(".allManage").html() == "批量管理"){
				$(".meterList").on("mouseover","li",function() {
					if($(this).find(".collectMask").is(":hidden")) {
						$(this).children(".del").show();
					}
				})
				$(".meterList").on("mouseout","li",function() {
					$(this).children(".del").hide();
				})
			}else{
				$(".meterList .del").addClass("current");
			}
			//- 点击删除
			$(".meterList").on("click",".del",function(){
				$(this).hide();
				$(this).siblings(".collectMask").show();
			})
			//- 点击取消
			$(".meterList").on("click",".delete",function() {
				$(this).parents(".collectMask").hide();
			})
			//- 点击确定
			$(".meterList").on("click",".sure",function() {
				var $this = $(this);
				$.get(shopIp+"/Collection/collectionDelete?userToken="+token+"&goods_id="+$this.closest("li").attr("num"),function(data) {
					if(data.status == 200) {
						$this.closest("li").remove();
						setTimeout(function() {
							layer.msg(data.msg);
						},1000);
					}
				})
			})
			//- 点击全选
			$("li.allChioce").click(function() {
				if($(this).hasClass("active")) {
					$(this).removeClass("active");
					$(".meterList .yx").removeClass("current");
				} else{
					$(this).addClass("active");
					$(".meterList .yx").show();
					$(".meterList .yx").addClass("current");
				}
			})
			//- 点击选择
			$(".meterList").on("click",".yx",function() {
				if($(this).hasClass("current")) {
					$(this).removeClass("current");
				}else{
					$(this).addClass("current");
				}
			})

			//- 点击多个删除按钮
			$(".allDelete").click(function() {
				if($(".meterList .yx.current").length < 1) {
					layer.msg("请选择删除的商品");
				}else{
					layer.confirm('确定删除此商品?', {
						btn: ['确定','取消'], //按钮
						title:"删除我的收藏"
					}, function(){
						var nums = [];
						$(".meterList .yx.current").each(function() {
							nums.push($(this).closest("li").attr("num"));
						})
						$.get(shopIp+"/Collection/collectionDelete?userToken="+token+"&goods_id="+nums,function(data) {
							if(data.status == 200) {
								$(".meterList .yx.current").closest("li").remove();
								layer.msg(data.msg);
								setTimeout(function() {
									window.location.reload();
								},1000)
							}
						})
					}, function(){
							//layer.msg('已取消');
					});
					
				}
			})

			//- 点击搜索
			//- 判断
			function search(ev) {
				if($(".searchBox input").val() == "") {
					layer.msg("请输入搜索内容");
				}else{
					zhList(1,$(".searchBox input").val());
					$(".searchBox input").val("");
				}
			}
			$(".searchBox .btn").click(function() {
				search();
			})
			$(document).keyup(function(ev) {
				if(ev.keyCode == 13) {
					search();
				}
			})
		});

		


